<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>What you wanna do?</title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>
    <h:body style="background-color: #90b4bd">
        <p:fieldset legend="Welcome #{myUserController.selected.firstName}" >
            <div align="center">
                <table>
                    <tr>
                        <td>
                            <p:menu style=" background:#90b4bd; width: 350px; height: 340px;
                                    left: 10px; right: 300px; font-size: 35px; padding: 10px;padding-bottom: 6px;
                                    padding-top: 6px;border: 4px; border-color: forestgreen;" backLabel="Share something" model= "#{menuBean.model}"
                                    />  

                        </td>

                        <td valign="top">
                            <p:carousel itemStyleClass="carItem" pageLinks="11"  autoPlayInterval="2000"   
                                        rows="1" effect="easeInStrong" circular="true" >  
                                <p:graphicImage value="/resources/images/team/3.jpg" width="450" height="300"/>  
                                <p:graphicImage value="/resources/images/team/5.jpg" width="450" height="300"/> 
                                <p:graphicImage value="/resources/images/team/11.jpg" width="450" height="300"/>  
                                <p:graphicImage value="/resources/images/team/7.jpg" width="450" height="300"/>  
                                <p:graphicImage value="/resources/images/team/9.jpg" width="450" height="300"/>  


                            </p:carousel>
                        </td>
                    </tr>
                </table>
            </div>
        </p:fieldset>

    </h:body>
</html>

